<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 构造函数Promise的方法  => 构造函数Promise自己使用(类似 Array.isArray Array.from)
    // Promise.all()
    // Promise.allSettled()
    // Promise.race()
    // Promise.any()
    // Promise.resolve()
    // Promise.reject()
    // Promise.all()
    // Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。
    // const p = Promise.all([p1, p2, p3]);
    // p的状态由p1、p2、p3决定，分成两种情况。
    // （1）只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
    // （2）只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。
    // var p1 = getNumAsync(1, 2000); // 返回Promise实例  2s后 =>{<fulfilled>:1}
    // var p2 = getNumAsync(2, 1000); // 返回Promise实例  1s后 =>{<fulfilled>:1}
    // var p3 = getNumAsync(3, 3000); // 返回Promise实例  3s后 =>{<fulfilled>:1}
    // var p = Promise.all([p1, p2, p3, false, 5]);
    // p.then(list => {
    //     console.log("fulfilled", list);
    // }).catch(err => {
    //     console.log("rejected", err);
    // })

    // Promise.race()
    // Promise.race()方法同样是将多个 Promise 实例，包装成一个新的 Promise 实例。
    // const p = Promise.race([p1, p2, p3]);

    // 上面代码中，只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给p的回调函数。

    // var p1 = getNumAsync(1, 2000); // 返回Promise实例  2s后 =>{<fulfilled>:1}
    // var p2 = getNumAsync('21ads', 1000); // 返回Promise实例  1s后 =>{<fulfilled>:1}
    // var p3 = getNumAsync(3, 3000); // 返回Promise实例  3s后 =>{<fulfilled>:1}
    // var p = Promise.race([p1, p2, p3]);
    // p.then(arg => {
    //     console.log("fulfilled", arg);
    // }).catch(err => {
    //     console.log("rejected", err);
    // })

    // Promise.allSettled()
    // 有时候，我们希望等到一组异步操作都结束了，不管每一个操作是成功还是失败，再进行下一步操作,就可以使用 Promise.allSettled()
    // var p = Promise.allSettled([p1, p2, p3]);
    // Promise.allSettled()方法接受一个数组作为参数，数组的每个成员都是一个 Promise 对象，并返回一个新的 Promise 对象。只有等到参数数组的所有 Promise 对象都发生状态变更（不管是fulfilled还是rejected），返回的 Promise 对象才会发生状态变更。

    var p1 = getNumAsync(1, 2000); // 返回Promise实例  2s后 =>{<fulfilled>:1}
    var p2 = getNumAsync(2, 1000, false); // 返回Promise实例  1s后 =>{<rejected>:1}
    var p3 = getNumAsync(3, 3000); // 返回Promise实例  3s后 =>{<fulfilled>:1}

    var p = Promise.allSettled([p1, p2, p3,4]);

    p.then(list => {
        console.log("fulfilled", list);
    }).catch(err => {
        console.log("rejected", err);
    })
    // Promise.any()
    // ES2021 引入了Promise.any()方法。该方法接受一组 Promise 实例作为参数，包装成一个新的 Promise 实例返回。
    // 只要参数实例有一个变成fulfilled状态，包装实例就会变成fulfilled状态；如果所有参数实例都变成rejected状态，包装实例就会变成rejected状态。

    // var p1 = getNumAsync(1, 2000); // 返回Promise实例  2s后 =>{<fulfilled>:1}
    // var p2 = getNumAsync(2, 1000,false); // 返回Promise实例  1s后 =>{<rejected>:1}
    // var p3 = getNumAsync(3, 3000); // 返回Promise实例  3s后 =>{<fulfilled>:1}

    // var p = Promise.any([p1, p2, p3]);

    // p.then(arg => {
    //     console.log("fulfilled", arg);
    // }).catch(err => {
    //     console.log("rejected", err);
    // })
    // Promise封装的异步操作 => 调用此方法会立即返回Promise实例(进行中) => 指定时间之后变为成功或失败的状态
    function getNumAsync(num = 0, delay = 0, isFulfilled = true) {
        var p = new Promise(function (resolve, reject) { // 形参
            setTimeout(function () {
                isFulfilled ? resolve(num) : reject(num);
            }, delay)
        });
        return p;  // 返回Promise对象  {<pending>:undefined}
    }
</script>

</html>